﻿  /* resets*/
	html{
		color:#000;
		background:#FFF;
		font-family:Verdana;
		font-size:11px;
	}
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
	/*table{border-collapse:collapse;border-spacing:0;}*/
	fieldset,img{border:0;}
	address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
	li{list-style:none;}
	caption,th{text-align:left;}
	h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
	q:before,q:after{content:'';}
	abbr,acronym {border:0;font-variant:normal;}
	/* to preserve line-height and selector appearance */
	sup {vertical-align:text-top;}
	sub {vertical-align:text-bottom;}
	input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
	/*to enable resizing for IE*/
	input,textarea,select{*font-size:100%;}
	/*because legend doesn't inherit in IE */
	legend{color:#000;}
	
	/* end resets*/
	
	/* clearing fix */
	
	.clearfix:after {
	    content: ".";
	    display: block;
	    clear: both;
	    visibility: hidden;
	    line-height: 0;
	    height: 0;
	}
	
	.clearfix {
	    display: inline-block;
	}
	
	html[xmlns] .clearfix {
	    display: block;
	}
	
	* html .clearfix {
	    height: 1%;
	}	
	/* end clearfix */
	html {
		font-family:Verdana;
		font-size:11px;
	}
	body{
		font-family: Verdana !important;
		font-size:11px !important;
    height:530px;
    overflow-y: visible;			
	}
	
	#wrapper{
  	display: block;
  	position: relative;
		margin:0 auto;
		width:450px;
  }
	#familyPage{
		display: block;
		margin:0 auto;
		width:450px;
		background: transparent url(../images/gadget_bg.png) no-repeat top left;
	} 	
	#gameButtons{
		width:90%;
		margin:0 auto;
	}
	#left_btn{
	  color:#fdfafa;
    font-size:16px;
    font-weight:bold;
    cursor:pointer;
    text-align:center;
    float:left; 
    height:37x;
    line-height:37px;
    margin-top:2px;
		margin-left: 12px;
	}
	#left_btn_left{
    float:left;
    padding-left:20px;
    background: transparent url(../images/h_btns.png) no-repeat left 0px;
  }
  #left_btn_right {
    float:left;
    width:20px;
    background: transparent url(../images/h_btns.png) no-repeat right 0px;
  }	    
	#right_btn{
	  color:#fdfafa;
    font-size:16px;
    font-weight:bold;
    cursor:pointer;
    text-align:center;
    float:left; 
    height:37x;
    line-height:37px;
    margin-top:2px;
		margin-left: 12px;
		float:right;
	}
	#right_btn_left{
    float:left;
    padding-left:20px;
    background: transparent url(../images/h_btns.png) no-repeat left 0px;
  }    
  #right_btn_right {
    float:left;
    width:20px;
    background: transparent url(../images/h_btns.png) no-repeat right 0px;
  }

	.page_main{
		width:100%;
	  padding-top:29px;
	}
	.page_main .top_banner{
		float:right;
		height:46px; 
		padding-right:20px;
		width:100%;
	}	
	.page_main .top_banner .closedBtn{
		background:transparent url(../images/top_btn.gif) no-repeat scroll left top;
		color:#FFFFFF;
		cursor:pointer;
		display:block;
		font-size:12px;
		font-weight:bold;
		height:22px;
		line-height:22px;
		position:relative;
		text-align:center;
		top:23px;
		width:117px;
		float:right;
	}
	.page_main .top_banner .openedBtn{
		background:transparent url(../images/top_btn.gif) no-repeat scroll left top;
		color:#FFFFFF;
		cursor:default;
		display:block;
		float:right;
		font-size:12px;
		font-weight:bold;
		height:46px;
		line-height:21px;
		text-align:center;
		width:117px;		
	}
	 #cost_number{
		color: #284c8c;
		padding-top:3px;
	}
	/*#cost_closed{
		top:24px;
	}*/

	.game_area{
		clear: both;
		display:block;
	}
	.table_top{
		background: transparent url(../images/table_top.gif) no-repeat top left;
		color:white;
    direction:rtl;
    font-size:14px;
    height:29px;
    line-height:18px;
    text-indent:16px;
    width:449px;
	}
	.table_cntr{
		width:449px;
		background: transparent url(../images/table_bg.gif) repeat-y scroll left top;		
	}
	.table_btm{
		height:15px;
		width:449px;
		background: transparent url(../images/table_btm.gif) no-repeat top left;
	}
	.table_wrper{	
		display:block;
		overflow:auto;
		width: 417px;
		margin: 0 auto;
	}
	table.board16x7 {  
	  width: 100%;
	  font-size:11px;
	  text-align:right;
	}
	.serial {
    padding-right: 2px;
  }
	tr.lineOver{background-color: #7fD0f0;}
	tr.lineOut{background-color: #fff;}
  table.board16x7 td.cell {
	  background:transparent url(../images/btns.png) no-repeat scroll 0 0;/*blue*/
		cursor:pointer;
		height:17px;
		text-align:center;
		width:17px;
		color:white;
	}
	table.board16x7 td.cellOn {
	  background:transparent url(../images/btns.png) no-repeat scroll 0px -36px;/*orange*/
		cursor:pointer;
		height:17px;
		text-align:center;
		width:17px;
		color:white;
	}
	table.board16x7 td.cellOff {
	  background:transparent url(../images/btns.png) no-repeat scroll 0 0;/*blue*/
		color:white;
		cursor:pointer;
		height:17px;		
  	text-align:center;
		width:17px;
	}
	table.board16x7 td.cellRight {
	  background:transparent url(../images/btns.png) no-repeat scroll -18px -18px;/*green*/
	  text-align: center;
	  height:17px;
		text-align:center;
		width:17px;	
		color:white;
		cursor:defult;
	}	
	table.board16x7 td.cellWrong{
	  background:transparent url(../images/btns.png) no-repeat scroll 0px -18px;/*red*/
		cursor:defult;
		height:17px;
		text-align:center;
		width:17px;
		color:white;
	}	
	table.board16x7 td.cellActuallGame{
	  background:transparent url(../images/btns.png) no-repeat scroll -18px 0px;/*shaded blue*/
		cursor:defult;
		height:17px;
		text-align:center;
		width:17px;
		color:white;
	}
	table.board16x7 td.match_cell {
  cursor:pointer;
  /*text-decoration: underline;*/
  }
  table.board16x7 td.match_cell:hover{
    text-decoration: underline;
  }
  table.board16x7 td.tip{
    background:transparent url(../images/btns.png) no-repeat scroll -36px 0px;/*tip*/
		cursor:pointer;
		height:17px;		
  	width:17px;
  }
  table.board16x7 td.stat{
    background:transparent url(../images/btns.png) no-repeat scroll -36px -18px;/*statistics*/
		cursor:pointer;
		height:17px;		
  	width:17px;
  }
  table.board16x7 td.stat:hover{
    background:transparent url(../images/btns.png) no-repeat scroll -36px -36px;/*statistics*/
  }
  table.board16x7 div.agree_button{
    background:transparent url(../images/lights.png) no-repeat scroll -4px -36px;/*green*/
		cursor:pointer;
		height:17px;		
		width:13px;
  }
  table.board16x7 div.disagree_button{
    background:transparent url(../images/lights.png) no-repeat scroll -4px 0px;/*red*/
		cursor:pointer;
		height:17px;		
		width:13px;
  }
  table.board16x7 div.chart_button{
    background:transparent url(../images/chart_pie.gif) no-repeat scroll 0px 0px;
		cursor:pointer;
		height:17px;		
		width:17px;
  }
  #new_game{
    color:#fdfafa;
    font-size:12px;
    font-weight:bold;
    cursor:pointer;
    text-align:center;
    float:left; 
    height:31x;
    line-height:31px;
    margin-top:2px;
		margin-left: 12px;
  }    
  #new_game_left{
    float:left;
    padding-left:20px;
    background: transparent url(../images/new_btn.png) no-repeat left 0px;
  }    
  #new_game_right {
    float:left;
    width:20px;
    background: transparent url(../images/new_btn.png) no-repeat right 0px;
  }
  
  #last_week{
    color:#fdfafa;
    font-size:12px;
    font-weight:bold;
    cursor:pointer;
    text-align:center;
    float:left; 
    height:31x;
    line-height:31px;
    margin-top:2px;
		margin-left: 12px;
  }    
  #last_week_left{
    float:left;
    padding-left:20px;
    background: transparent url(../images/new_btn.png) no-repeat left 0px;
  }     
  #last_week_right {
    float:left;
    width:20px;
    background: transparent url(../images/new_btn.png) no-repeat right 0px;
  }
  #personal_profile{
    color:#fdfafa;
    font-size:12px;
    font-weight:bold;
    cursor:pointer;
    text-align:center;
    float:left; 
    height:31x;
    line-height:31px;
    margin-top:2px;
		margin-left: 12px;
  }
  #personal_profile_left{
    float:left;
    padding-left:20px;
    background: transparent url(../images/new_btn.png) no-repeat left 0px;
  }     
  #personal_profile_right {
    float:left;
    width:20px;
    background: transparent url(../images/new_btn.png) no-repeat right 0px;
  }
  #show_help{
		color:#284C8C;
		float:right;
		font-size:12px;
		line-height:25px;
		padding-right:13px;
	}
  .btm_banner{
		height:45px;
		clear:both;
		display:block;
	}
	.btm_banner a{
		color:#284C8C;
		cursor:pointer;		
		font-size:12px;
		line-height:35px;
		text-decoration:underline;
	}
	table.lw_board {  
	  width: 100%;
	  font-size:11px;
	  text-align:right;
	}
  table.lw_board td.cell {
	  background:transparent url(../images/btns.png) no-repeat scroll 0 0;/*blue*/
		cursor:default;
		height:17px;
		text-align:center;
		width:17px;
		color:white;
	}	
	table.lw_board td.cellRight, table.sym_table td.cellRight {
	  background:transparent url(../images/btns.png) no-repeat scroll -18px -18px;/*green*/
	  text-align: center;
	  height:17px;
		text-align:center;
		width:17px;	
		color:white;
		cursor:defult;
	}	
	table.lw_board td.cellWrong, table.sym_table td.cellWrong {
	  background:transparent url(../images/btns.png) no-repeat scroll 0px -18px;/*red*/
		cursor:defult;
		height:17px;
		text-align:center;
		width:17px;
		color:white;
	}
	table.lw_board td.cellActuallGame, table.sym_table td.cellActuallGame {
	  background:transparent url(../images/btns.png) no-repeat scroll -18px 0px;/*shaded blue*/
		cursor:defult;
		height:17px;
		text-align:center;
		width:17px;
		color:white;
	}	
	.explanation_area{
		clear:both;
		display:block;
		margin-top:15px;
		width:449px;
		direction: rtl;
	}
	.explanation_area p{        
    color:#84C330;
    font-family:tahoma;
    font-size:14px;
    margin: 0 auto;
    width:260px;
    font-weight: bold;
  }
	.explanation_area .idiotDiv, .explanation_area .kingDiv{
		font-size:12px;
		font-weight:bold;
		text-align:center;
		width:100px;
		float:right;
	}
	#lw_idiot_name, #lw_idiot_name_agg, #lw_king_name , #lw_king_name_agg{  
	 color:#284C8C;
	 display:block;
	}
	#lw_idiot_img , #lw_idiot_img_agg, #lw_king_img , #lw_king_img_agg {
		border:1px solid #A7A7A7;
		color:#284C8C;
		display:inline-block;
		height:42px;
		width:42px;
	}
.table_wrper .results_explanation{
	  float:right;
		font-size:12px;
		width: 190px;
		padding: 10px;
	}
	#win_results, #win_money, #form_cost, #win_results_agg, #win_money_agg, #form_cost_agg{
    color:#284C8C;
  }
	.symbols_table{
    display: block;
		width:448px;
		text-align: right;
		direction: rtl;
	}
	.symbols_table_invisible{
    display: none;
	}
	table.sym_table{
		font-size:12px;
		margin-top: 5px;
		margin-right:13px;
	}
	#lastweekPage{     
    margin:0 auto;
    display: block;
		width:450px;
		font-size:11px;
		font-family:verdana;
		padding:10px; 
    background:#fff;
  }
  #lastweekPage div.page_main{
    padding-top:0px;
  }
  /*#helpBox{
		margin:0 auto;
    display: block;
		font-size:11px;
		font-family:verdana;
		padding:10px; 
    background:#fff;
	}*/
		#statBox{
		margin:0 auto;
    display: block;
		font-size:11px;
		font-family:verdana;
		padding:10px; 
    background:#fff;
	}
	  .tip_div{
    border: 1px solid black;
    color:#4176AF;
    direction:rtl;
    display:block;
    font-family:Tahoma;
    font-size:13px;
    font-weight:bold;
    margin: 0 auto;
    padding: 15px;
    width:800px;    
  }
    .pastFormsArea{
    background: url(../images/pastFormsBg.gif) no-repeat 0 0;  
    direction: rtl;
    margin-top: 15px;
    width:449px;
    height: 68px;
  }  
  .pastFormsTitle {
    color:white;
    font-size:14px;
    line-height:24px;
    height:24px;
    text-indent:12px;
  }
  #pastForms {    
    margin-right:22px;
    margin-top:9px;
    width:90%;
  }
  #pastForms select{
    width: 95%;
  }
  #ifr_stat{
    background: url(../images/loading.gif) no-repeat 450px 150px;
    width: 940px !important;
    margin: 0 auto;    
  }
    .talkBack{
		width: 95%;
		margin: 0 auto;
	}
  .talkBack .tb_title{
		font-size:15px;
		color:#207CAF;
	}	
	.talkBack input{
		background-color: #1EA7C3;
	}
	.talkBack .tb_button{
	  color:#fdfafa;
    font-size:12px;
    font-weight:bold;
    cursor:pointer;
    text-align:center;
    height:23px;
    line-height:23px;
    margin-top:2px;
    margin-left: 10px;	
		float:right;	
  }    
  .talkBack .tb_button_left{
    float:left;
    padding-left:20px;
    background: transparent url(../images/results.png) no-repeat left 0px;
  }    
  .talkBack .tb_button_right {
    float:left;
    width:20px;
    background: transparent url(../images/results.png) no-repeat right 0px;
  }
  .talkBack p{
		padding:5px;
		border:1px dotted #62AF1B;
		margin-bottom: 5px;
		overflow-x: auto;
	}
  .talkBack p.tb_us_name {
		color:#62AF1B;
		font-family:verdana;
		font-size:12px;
		font-weight:bold;
		line-height: 21px;
		padding: 0px;
		border:none;
		margin: 0px;
	}
	.talkBack textarea{
		width: 90%;	
	}
	#helpPage{
		display: block;
		margin:0 auto;
		font-size:12px;
		font-family:verdana;
		padding:10px; 
    background:#fff;
		/*width:450px;
		background: transparent url(../images/gadget_bg.png) no-repeat top left;   */
		direction: rtl;
			}
	#helpPage h1{ 
    font-size:16px;
    font-weight: bold;
    color:#5EA1E9;
  }
	#helpPage h2 {
    color:#8FCF5A;
    font-size:14px;
    font-weight:bold;
  }
  #helpPage h3 {
    color:#8FCF5A;
    font-size:13px;
    font-weight:bold;
  }
	#helpPage p{
	 padding: 10px 0px;
  }
	.help_top_banner{
    height:35px;
    line-height:35px;
    display:none;
  }
  .help_top_banner a{
      background: transparent url(../images/back.png) no-repeat 0px 8px;      
      color:#5EA1E9;
      display:block;
      font-size:12px;
      text-decoration:none;
      width:80px;
   }
   .linker{
		text-decoration: none;
		font-size: 12px;
	}
	.linker:hover{
		text-decoration: underline;
	}
	.agreeBox{
		color: #457CDB;
		direction:rtl;
	}
	.agreeBox h2{ 
		font-size:15px; 
		text-align: center;
		font-weight: bold;
	}
	.agreeBox h3{ 
		font-size:13px; 	
    padding: 10px;
    color: #457CDB;
	}
	.agreeBox .ag_button{
	  color:#fdfafa;
    font-size:12px;
    font-weight:bold;
    cursor:pointer;
    text-align:center;
    height:23px;
    line-height:23px;
    margin-top:2px;	
    margin-left: 10px;
    float:right;		
  }    
  .agreeBox .ag_button_left{
    float:left;
    padding-left:20px;
    background: transparent url(../images/results.png) no-repeat left 0px;
  }    
  .agreeBox .ag_button_right {
    float:left;
    width:20px;
    background: transparent url(../images/results.png) no-repeat right 0px;
  }
  .agreeBox .innerCellOn{
		background:transparent url(../images/agr_cell_on.png) no-repeat scroll center center;
		cursor:pointer;
		height:32px;
		text-align:center;
		width:32px;
		color:white;
		line-height: 32px;
	}
	.agreeBox .innerCellOff{
		background:transparent url(../images/agr_cell_off.png) no-repeat scroll center center;
		cursor:pointer;
		height:32px;
		text-align:center;
		width:32px;
		color:white;
		line-height: 32px;
	}
	.agreeBox .solve_dispute{
		cursor:pointer;
		height:34px;
		text-align:center;
		color:white;
		font-weight:bold;
    line-height:34px;    	
	}
	.agreeBox .solve_dispute_left {
	  float:left;
    padding-left:20px;
    background: transparent url(../images/ag_natural.png) no-repeat left 0px;
  }
  .agreeBox .solve_dispute_right {
    float:left;
    width:20px;
    background: transparent url(../images/ag_natural.png) no-repeat right 0px;
  }
	#real_time_stat_div{
    background: url(../images/pic-loader.gif) no-repeat 130px 90px;
  }
  	
	.help_img{
    top: 0pt; 
    left: 0pt; 
    position: relative; 
    /*width: 100%;*/
  }
  .screen_shot{
    padding-bottom: 10px;
    display: block;
  }
  a.mailto{
    text-decoration: none;
    font-size: 13px;
    color: green;
  }
  a.mailto:hover{
    text-decoration: underline;
  }
  
	#Personal_Profile_Wraper{
    direction:rtl;
    color:#207CAF;
    text-align:center;    
    background:#FFFFFF none repeat scroll 0 0;
    display:block;
    font-size:11px;
    margin:0 auto;
    padding:10px;
    width:450px;
  }
  #personal_pic{
    display:block; 
    width:80px; 
    height:80px; 
    margin-bottom:10px; 
    border:2px solid grey;
  } 
  #pastForms_form{
    display:block; 
    margin-bottom:10px;
  }
  #Personal_Profile_Wraper h2{ 
		font-size:20px; 
		text-align: center;
	}
  #Summery_table_div {
    float:right;
    margin-right:70px;
    width:210px;
  }
  .summery_table
  {
    font-family: Helvetica;
    width:100%;
    border-collapse:collapse;
  }
  .summery_table td, .summery_table th 
  {
    font-size:15px;
    border:1px solid #98bf21;
    padding:3px 7px 2px 7px;      
    text-align:right;
  }
  .summery_table th 
  {
    font-size:16px;
    font-weight:bold;
    padding-top:5px;
    padding-bottom:4px;
    background-color:#89C230;
    color:#ffffff;
  }
  .summery_table tr.alt td 
  {
    color:#467DDB;
    background-color:#EAF2D3;    
  } 